.Supervision001 {
	width: 100%;
	height: 100%;
	padding: 16px;
	background: white;
	border-radius: 8px;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > .list {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: 100%;
		flex: 1;

		& > .Data {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: space-between;
			align-content: space-between;
			flex-wrap: wrap;

			& > div {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				width: 40%;
				margin: 16px 0;

				&:nth-child(even) {
					flex-flow: row-reverse;
				}

				& > div:first-child {
					width: 60px;
					height: 60px;
					border-radius: 20px;
					margin: 0 16px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 40px;
					background: var(--backColor);

					& > span {
						color: var(--theme);
					}
				}

				& > div:last-child {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					& > div:first-child {
						font-size: 16px;
						font-family: ShuHeiTi;
						font-weight: bold;
						margin: 4px 0;
					}

					& > div:last-child {
						font-size: 24px;
						font-family: DIN Condensed;
						font-weight: bold;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
			}
		}
	}
}
